<!DOCTYPE html>

<head id="Head">
  <script
    type="text/javascript">var allpane = 'headerAreaA|mainArea|sidebarAreaA|footerAreaA|bottomAreaA|fixedBottomArea|fixed-left|fixed-right|popup-area';</script>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="author" content="order by 童老师ThinkPHP交流群：333632569" />
  <title>童老师ThinkPHP交流群：333632569</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)" />
  <link id="qhddefaultcontent2075_css" rel="stylesheet" type="text/css" href="{$tsrc}/css/qhdcontent.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_content_css?ver=1_0" rel="stylesheet" type="text/css"
    href="{$tsrc}/css/content.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_menu_css?ver=1_0" rel="stylesheet" type="text/css"
    href="{$tsrc}/css/menu.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_jquery_fancybox_1_3_4_css?ver=1_0" rel="stylesheet"
    type="text/css" href="{$tsrc}/css/jquery.fancybox-1.3.4.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_pgwslideshow_css?ver=1_0" rel="stylesheet" type="text/css"
    href="{$tsrc}/css/pgwslideshow.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_animate_min_css?ver=1_0" rel="stylesheet" type="text/css"
    href="{$tsrc}/css/animate.min.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_style_css?ver=1_2" rel="stylesheet" type="text/css"
    href="{$tsrc}/css/style.css" />
  <link id="_Portals__default_Skins_Biotechnology_Html_css_style_PurpleAndPink_css" rel="stylesheet" type="text/css"
    href="{$tsrc}/css/style-purpleandpink.css" />
  <style>
    html {
      background-image: url({$tsrc}/img/bg-rep-02.png);
    }
  </style>
  <!--[if lt IE 9]>
 <script src="{$tsrc}/js/html5.js"></script>
<![endif]-->
  <!--[if IE 6]>
 <script type="text/javascript" src="{$tsrc}/js/ie7.js"></script>
 <script type="text/javascript" src="{$tsrc}/js/dd_belatedpng.js"></script>
 <script type="text/javascript">
  DD_belatedPNG.fix('.top img, .footer img, .bottom img, .form-btn, .module-icon-default');
 </script>
<![endif]-->
  <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
</head>

<body class="font-zh-CN" style="background:url({$tsrc}/img/bg-img-04.jpg) top center fixed;">
  <form name="Form" method="post" action="/p_01/language_zh-CN" id="Form" enctype="multipart/form-data"
    style="height:inherit">
    <div>
      <input type="hidden" name="__VIEWSTATE_CACHEKEY" id="__VIEWSTATE_CACHEKEY"
        value="VS_lhga4okip3d2oqe51ap3pijf_/p_01/language_zh-CN" />
    </div>
    <script src="{$tsrc}/js/a1portalcore.js" type="text/javascript"></script>
    <script src="{$tsrc}/js/a1portal.js"></script>
    <script src="{$tsrc}/js/jquery-1.7.2.min.js"></script>
    <script src="{$tsrc}/js/superfish.js"></script>
    <script src="{$tsrc}/js/jquery.caroufredsel.js"></script>
    <script src="{$tsrc}/js/jquery.touchswipe.min.js"></script>
    <script src="{$tsrc}/js/jquery.tools.min.js"></script>
    <script src="{$tsrc}/js/jquery.fancybox-1.3.4.pack.js"></script>
    <script src="{$tsrc}/js/pgwslideshow.min.js"></script>
    <script src="{$tsrc}/js/jquery.fixed.js"></script>
    <script src="{$tsrc}/js/cloud-zoom.1.0.2.min.js"></script>
    <script src="{$tsrc}/js/device.min.js"></script>
    <script src="{$tsrc}/js/html5media-1.2.js"></script>
    <script src="{$tsrc}/js/animate.min.js"></script>
    <script src="{$tsrc}/js/custom.js"></script>
    <div id="wrapper" class="insi-page">
      {include file="../template/default/header.html" /}

      <div class="touch-top mobile-section clearfix">
        <div class="touch-top-wrapper clearfix">
          <div class="touch-logo" skinobjectzone="HtmlLogo_2643"><a class="" href="/"><img
                src="{$tsrc}/img/472d1f03-0560-4338-846b-b29ac61e993a_0_80.png" alt="中英双语响应式生物科技实验室类织梦模板(自适应)" /></a></div>

          <div class="touch-navigation">
            <div class="touch-toggle">
              <ul>
                <li class="touch-toggle-item-first"><a href="javascript:;" class="drawer-language"
                    data-drawer="drawer-section-language"><i class="touch-icon-language"></i><span>语言</span></a></li>
                <li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu"
                    data-drawer="drawer-section-menu"><i class="touch-icon-menu"></i><span>导航</span></a></li>
              </ul>
            </div>
          </div>
        </div>

        <div class="touch-toggle-content touch-top-home">
          <div class="drawer-section drawer-section-language">
            <ul class="touch-language clearfix" skinobjectzone="HtmlLanguage_2924">
              <li><a href="/en/">English</a></li>
              <li><a href="/">中文简体</a></li>
            </ul>
          </div>
          <div class="drawer-section drawer-section-menu">
            <div class="touch-menu" skinobjectzone="menu_3142">
              {include file="../template/default/mhead.html" /}
            </div>
          </div>
          <script type="text/javascript">
            $(document).ready(function () {

              $(".touch-toggle a").click(function (event) {
                var className = $(this).attr("data-drawer");

                if ($("." + className).css('display') == 'none') {
                  $("." + className).slideDown().siblings(".drawer-section").slideUp();
                } else {
                  $(".drawer-section").slideUp();
                }
                event.stopPropagation();
              });

              /*$(document).click(function(){
               $(".drawer-section").slideUp();     
              })*/

              $('.touch-menu a').click(function () {
                if ($(this).next().is('ul')) {
                  if ($(this).next('ul').css('display') == 'none') {
                    $(this).next('ul').slideDown();
                    $(this).find('i').attr("class", "touch-arrow-up");
                  } else {
                    $(this).next('ul').slideUp();
                    $(this).next('ul').find('ul').slideUp();
                    $(this).find('i').attr("class", "touch-arrow-down");
                  }
                }
              });
            });
          </script>
        </div>
      </div>

      <div id="a1portalSkin_headerAreaA" class="header"> <a name="31459" id="31459"></a>
        <div class="module-default">
          <div class="module-inner">
            <div id="a1portalSkin_ctr8922689226_mainArea" class="module-content">
              <div class="slideshow slideshow-min carousel clearfix" style="height:350px; overflow:hidden;">
                <div id="carousel-89226">
                  <div class="carousel-item">
                    <div class="carousel-img"><a href="javascript:;" target=""><img
                          src="{$tsrc}/img/f420419c-885b-48fb-9209-d770c043d44b_0_350.jpg" height="350" alt="" /></a></div>
                  </div>
                </div>
                <div class="carousel-btn carousel-btn-fixed" id="carousel-page-89226"></div>
              </div>
              <script type="text/javascript">
                $(window).bind("load resize", function () {
                  $("#carousel-89226").carouFredSel({
                    width: '100%',
                    items: { visible: 1 },
                    auto: { pauseOnHover: true, timeoutDuration: 5000 },
                    swipe: { onTouch: true, onMouse: true },
                    pagination: "#carousel-page-89226",
                    scroll: { fx: "crossfade" }
                  });
                });
              </script>
            </div>
          </div>
        </div>
      </div>

      <section class="main">
        <div class="page-width clearfix">
          <section class="content float-right">
            <section class="page-title page-title-inner clearfix">
              <div class="breadcrumbs float-right" skinobjectzone="HtmlBreadCrumb_3803"><span>当前位置：</span>
                <a
                  href='/'>主页</a> >
                  {volist name="pos" id="vo"}
                  <a href='{$vo.id|makeurl}'>{$vo.catename}</a> {if condition="$i neq count($pos)"}> {/if}
                  {/volist}
                </div>

              <div class="page-name float-left">
                <h2>{$cate.catename}</h2>
              </div>
            </section>

            <div id="a1portalSkin_mainArea" class="content-wrapper"> <a name="31461" id="31461"></a>
              <div class="module-default">
                <div class="module-inner">
                  <div id="a1portalSkin_ctr8922789227_mainArea" class="module-content">
                    <div class="portfolio-list product-list">
                      <ul class="column clearfix">
                        {volist name="artRes" id="vo" mod="5"}
                        <li class='col-4-1  not-animated' data-animate='fadeInUp'>
                          <div class="product-item">
                            <div class="portfolio-img"><a href="{:url('article/index',array('id'=>$vo.id))}"
                                target="_blank"><img src="/{$vo.litpic}" alt="{$vo.title}" /></a></div>
                            <div class="portfolio-title">
                              <h2><a href="{:url('article/index',array('id'=>$vo.id))}"
                                  target="_blank">{$vo.title}</a></h2>
                            </div>
                          </div>
                        </li>
                        {eq name="mod" value="4"}<br/>{/eq}
                        {/volist}
                       
                        
                      </ul>
                    </div>

                    <div class="m-page">
                      <ul class="pagelist">
                        {$artRes|raw}
                      </ul>
                    </div>

                  </div>
                </div>
              </div>
            </div>

            <div class="track"><i></i></div>
            <script>
              $(document).ready(function () {
                var sidebarHeight = $(".sidebar").height();
                var contentHeight = $(".content").height();
                if (sidebarHeight > contentHeight) {
                  $(".track").height(sidebarHeight);
                }
              });
            </script>
          </section>

          <section class="sidebar float-left">
            <section class="page-menu" skinobjectzone="menu_4014">
              <div class="page-menu-title">
                <h3>{$topcate.catename}</h3>
              </div>
              <div class="page-menu-content">
                <ul>
                  {volist name="level" id="vo"}
                  <li {if condition="$cid eq $vo.id"} class='current' {/if}><a href="{$vo.id|makeurl}">{$vo.catename}</a><i></i></li>
                 {/volist}
                </ul>
                <script type="text/javascript">
                  $(document).ready(function () {
                    $('.page-menu-content ul').find('li:last').addClass('last');

                    $('.page-menu-content > ul > li > a').click(function () {
                      if ($(this).parent('li').find('ul')) {
                        $(this).parent('li').find('ul').slideDown('fast');
                        $(this).parent('li').siblings('li').find('ul').slideUp('fast');
                        $(this).parent('li').addClass('current').siblings('li').removeClass('current');
                      }
                    });

                  });
                </script>
              </div>
            </section>

            <div class="clear"></div>
            <div id="a1portalSkin_sidebarAreaA" class="QHDEmptyArea sidebar-content"></div>
          </section>
        </div>
      </section>

      {include file="../template/default/footer.html" /}

      <section class="bottom">
        <div id="a1portalSkin_bottomAreaA" class="QHDEmptyArea page-width clearfix"></div>
      </section>
    </div>

    <div id="a1portalSkin_fixedBottomArea" class="QHDEmptyArea fixed-bottom"></div>

    <div id="a1portalSkin_fixed-left" class="QHDEmptyArea fixed-side fixed-left"></div>

    <div id="a1portalSkin_fixed-right" class="fixed-side fixed-right"> <a name="31467" id="31467"></a>
      <div class="module-default">
        <div class="module-inner">
          <div id="a1portalSkin_ctr8921889218_mainArea" class="module-content">
            <div class="link-fixed-side">
              <ul>
                <li class="first"><a href="http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes"
                    class="link-name" target="_blank"><i
                      style="background-image:url({$tsrc}/img/c125b589-e76e-49c0-98d7-e6401cb1c361_32_32_uniformfill.png);"
                      alt="合作咨询"></i><span>合作咨询</span></a></li>
                <li class=""><a href="http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes" class="link-name"
                    target="_blank"><i
                      style="background-image:url({$tsrc}/img/5d9e132e-a784-4456-8686-4419cc50e854_32_32_uniformfill.png);"
                      alt="在线客服"></i><span>在线客服</span></a></li>
                <li class=""><a href="javascript:;" class="link-name" target=""><i
                      style="background-image:url({$tsrc}/img/87389d6b-e02e-4c9b-8197-0ea992d705cc_32_32_uniformfill.png);"
                      alt="服务电话"></i><span>服务电话</span></a>
                  <div class="link-summary"><i class="arrow-section-r"></i>
                    <div class="link-summary-content">
                      <div class="qhd-content">
                        <p style="text-align:center;">400-123-4567</p>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="popup" class="popup">
      <div class="popup-content not-animated" data-animate="fadeInDown">
        <div id="a1portalSkin_popup-area" class="QHDEmptyArea popup-content-wrapper"></div>
        <div class="popup-close-btn"><a href="javascript:;" title="关闭"><span>关闭</span></a></div>
      </div>
      <div class="popup-overlay"></div>
    </div>

    <div class="gotop-wrapper"><a href="javascript:;" class="fixed-gotop gotop"></a></div>

    <input name="ScrollTop" type="hidden" id="ScrollTop" />
    <input name="__a1portalVariable" type="hidden" id="__a1portalVariable" />
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />
  </form>


</body>

</html>